<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>备忘录</title>
<link href="css/background.css" rel="stylesheet" type="text/css" />
 <link href="css/table.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
 <script type="text/javascript" src="js/openwindow.js"></script>
 <script type="text/javascript" src="js/table.js"></script>
 <script type="text/javascript">
 function memoadd(){
 	var url="memoSave.action"
 	openWindow(url,700,300);
 }
 
 function memoForNewGet(id){
 	var url="memoForNewGet.action?id="+id;
 	openWindow(url,700,300);
 }
 
 function memoSetoutEndNewAdd(id){
 var currentPage=$("#currentPage").val();
 	var url="memoSetoutEndNewAdd.action?id="+id+"&currentPage="+currentPage;
 	openWindow(url,700,300);
 }
 
function page(currentPage){
	$("#page").val(currentPage);
	document.pageForm.submit();
}
	
function clearall(){
	$("#name").val("");
	document.queryBookForm.submit();
}

function memoUpdate(id){
var currentPage=$("#currentPage").val();
	var url="memoUpdate.action?id="+id+"&currentPage="+currentPage;
 	openWindow(url,700,300);
}

function switchSet(easy){
	if(easy=='for'){
	window.location.href="memoList.action";
	}else{
		window.location.href="memoListFinish.action";
	}
}

function daleteMemo(){
		var arry="";
		var count=0;
		var checks = $("input[name='ids']");
		for(var i=0;i<checks.length;i++){
			if(checks[i].checked){
				if(arry==''){
				arry+="ids="+checks[i].value;
			}else{
				arry+="&ids="+checks[i].value;
			}
				count++;
			}
		}
		if(count==0){
			alert("请选择要删除的数据！");
			return;
		}
	if(confirm("确定要删除？")){
		$.post("deleteMemo.action",arry,function(data){
			if(data=="success"){
				alert("删除数据成功！");
				window.location.reload();
			}else{
				alert("删除数据失败！");
			}
		});
	}
	}
 </script>
</head>
<body>
<div class="topdiv">
			<form action="memoList.action" name="queryBookForm" method="post">
				<div>
					内容：<input type="text" id="name" name="name" value="${name}" />
				</div>
				<table align="right">
				 <tr>
					<td>
						<input class="button_04" type="submit" value="立即查找" />
				 		<input align="right"  class="button_02" type="button" onclick="clearall()" value="清除" />
					</td>
				 </tr>
				</table>
			</form>
		</div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>
  <tr>
    <td style="background: url('image/wsoa_window_002.gif');" width="1"></td>
    <td style="background: url('image/wsoa_window_002.gif');"><table border="0" cellpadding="0" cellspacing="0">
      <tbody><tr>
        <td align="center" style="background: url('image/wsoa_window_002.gif');" width="10"><img src="image/center_19.gif"></td>
        <td align="center" style="background: url('image/wsoa_window_002.gif');"></td>
        <td> 个人办公 &gt; 备忘管理 &gt; 备忘录</td>
        </tr>
    </tbody>
    </table></td>
    <td style="background: url('image/wsoa_window_002.gif');" width="1"></td>
  </tr>
  <tr>
    <td style="background: url('image/wsoa_window_010.gif');"  width="1">&nbsp;</td>
    <td>
    <div style="float: left" >
   		 <input type="radio" checked="checked" onclick="switchSet('for')" name="for" />进行中&nbsp;<input type="radio" id="end" onclick="switchSet('easy')" type="button" name="for" />已完成 
   		 </div>
   		 <table class="intable">
			<tr>
			<td>
					<input type="button" class="button_02" value="添加" onclick="memoadd()" />
				</td>
				<td>
					<input  type="button" class="button_02" value="删除" onclick="daleteMemo()" />
				</td>
				<td></td>
			</tr>
		</table>
  	<table id="tabllist" class="righ_list" frame="box" cellspacing="1" cellpadding="0" width="100%" align="center" border="0">
	<tr class="reigh_list2">
    	<th width="5%"><input onclick="checkAll()" type="checkbox" id="all"/></th>
    	<th width="10%">备忘日期</th>
    	<th width="25%">工作内容</th>
    	<th>备忘人员</th>
    	<th width="10%">起草人</th>
    	<th width="10%">状态</th>
    	<th width="10%">操作</th>
    </tr>
    <c:if test="${empty memoList}">
		<tr id="row">
			<td colspan="7">
				没有相关的记录！
			</td>
		</tr>
			</c:if>
    <c:forEach items="${memoList}" var="memo">
	    <tr id="row" onmouseover="overStyle(this)" onmouseout="outStyle(this)">
	    	<td align="center"><input type="checkbox" name="ids" value="${memo.id}" onclick="checkodd()" /></td>
	    	<td>
	    	<fmt:formatDate value="${memo.memoDate}" type="date" pattern="yyyy-MM-dd"/>
	    	</td>
	    	<td>
	    	<a href="javascript:memoForNewGet(${memo.id})">${fn:substring(memo.content,0,12)}</a>
	    	</td>
	    	<td>
	    	<c:forEach items="${memo.userList}" var="name">
	    		${name.name }，
	    	</c:forEach>
	    	</td>
	    	<td>${memo.myUserName}</td>
	    	<td>${memo.type}</td>
	    	<td><img alt="修改" onclick="memoUpdate('${memo.id}')" src="image/operate_update.gif" style="cursor: pointer">&nbsp;&nbsp;<a href="javascript:memoSetoutEndNewAdd('${memo.id}')">完成</a></td>
	    </tr>
    </c:forEach>
</table>
    </td>
<td style="background: url('image/wsoa_window_006.gif');"  width="1">&nbsp;</td></tr>
  <tr>
    <td height="1" width="1"><img src="image/wsoa_window_009.gif" height="16" width="14"></td>
    <td style="background: url('image/wsoa_window_008.gif');" height="1"></td>
    <td height="1" width="1"><img src="image/wsoa_window_007.gif" height="16" width="12"></td>
  </tr>
</tbody>
</table>

<div class="pageDiv">
<form action="memoList.action" name="pageForm" method="post">
	<input type="hidden" name="name" id="name" value="${name}" />
	<input type="hidden" id="page" name="currentPage" />
	<%@include file="../../page/page.jsp"  %>
</form>
</div>
</body>
</html>